//import { includes } from "lodash";
import React from "react";

//import Alert from "antd/lib/alert";
import Link from "@/components/Link";
import routeWithUserSession from "@/components/ApplicationArea/routeWithUserSession";
//import EmptyState, { EmptyStateHelpMessage } from "@/components/empty-state/EmptyState";
//import DynamicComponent from "@/components/DynamicComponent";
//import BeaconConsent from "@/components/BeaconConsent";
//import PlainButton from "@/components/PlainButton";

//import { axios } from "@/services/axios";
//import notification from "@/services/notification";
import routes from "@/services/routes";

//import Divider from 'antd/lib/divider';

import HomeTableList from "@/components/home/HomeTableList";
import HomeTableList2 from "@/components/home/HomeTableList2";

//import { DashboardAndQueryFavoritesList } from "./components/FavoritesList";

import "./Home.less";

// function DeprecatedEmbedFeatureAlert() {
//   return (
//     <Alert
//       className="m-b-15"
//       type="warning"
//       message={
//         <>
//           You have enabled <code>ALLOW_PARAMETERS_IN_EMBEDS</code>. This setting is now deprecated and should be turned
//           off. Parameters in embeds are supported by default.{" "}
//           <Link
//             href="https://discuss.redash.io/t/support-for-parameters-in-embedded-visualizations/3337"
//             target="_blank"
//             rel="noopener noreferrer">
//             Read more
//           </Link>
//           .
//         </>
//       }
//     />
//   );
// }

// function EmailNotVerifiedAlert() {
//   const verifyEmail = () => {
//     axios.post("verification_email/").then(data => {
//       notification.success(data.message);
//     });
//   };

//   return (
//     <Alert
//       className="m-b-15"
//       type="warning"
//       message={
//         <>
//           We have sent an email with a confirmation link to your email address. Please follow the link to verify your
//           email address.{" "}
//           <PlainButton type="link" onClick={verifyEmail}>
//             Resend email
//           </PlainButton>
//           .
//         </>
//       }
//     />
//   );
// }

export default function Home() {

  return (
    <div className="home-page" stlye={{ overflowY: "hidden" }}>
      <img style={{ height: '120px' }} className="home-image" src="/static/images/footlogo.png" alt="主页" loading="lazy" />
      <div className="container" style={{ background: "#00000000" }}>

        <div className="contractcard" style={{ padding: '30px' }}>
          {/* <Row align="middle" gutter={16}>
          {showpage===1 && (<Col span={4} align="center">
              <Link href="/employee/new/0" style={{ color: "black" }}>
                <img src="/static/images/xingzhuang1.png" alt="新建人员" title="新建人员"  loading="lazy"/>
              </Link>
              <Card title="新建人员" bordered={false} style={{ background: "#00000000", fontSize: "20px", color: "2196f3" }}>
                <p>            <Link href="/employee/new/0" style={{ color: "2196f3" }}>新建人员
                </Link>
                </p>
              </Card>
            </Col>)}
            {showpage===2 && (<Col span={4} align="center">
              <Link href="/project/new/0" style={{ color: "black" }}>
                <img src="/static/images/xingzhuang1.png" alt="新建项目" title="新建项目"  loading="lazy"/>
              </Link>
              <Card title="新建项目" bordered={false} style={{ background: "#00000000", fontSize: "20px", color: "2196f3" }}>
                <p>            <Link href="/project/new/0" style={{ color: "2196f3" }}>新建项目
                </Link>
                </p>
              </Card>
            </Col>)}
            {showpage===3 && (<Col span={4} align="center">
              <Link href="/paymenttoolbarin" style={{ color: "black" }}>
                <img src="/static/images/xingzhuang1.png" alt="收款查询" title="收款查询"  loading="lazy"/>
              </Link>
              <Card title="收款查询" bordered={false} style={{ background: "#00000000", fontSize: "20px", color: "2196f3" }}>
                <p>            <Link href="/paymenttoolbarin" style={{ color: "2196f3" }}>收款查询
                </Link>
                </p>
              </Card>
            </Col>)}
            <Col span={4} align="center" >
              <Link href="/workflow/billcheck" style={{ color: "black" }}>
                <img src="/static/images/xingzhuang2.png" alt="待我审核" title="待我审核"  loading="lazy"/>
              </Link>

              <Card title="单据审批" bordered={false} style={{ background: "#00000000", fontSize: "20px", color: "2196f3" }}>
                <p>
                  <Link href="/workflow/billcheck" style={{ color: "2196f3" }}>
                    待我审核{checkcount}条
                  </Link>
                </p>
              </Card>
            </Col>
            {showpage===1 && (<Col span={4} align="center">
              <Link href="/employee/openseapool" style={{ color: "black" }}>
                <img src="/static/images/xingzhuang3.png" alt="公海池" title="公海池查询"  loading="lazy"/>
              </Link>
              <Card title="公海池查询" bordered={false} style={{ background: "#00000000", fontSize: "20px", color: "2196f3" }}>
                <p>
                  <Link href="/employee/openseapool" style={{ color: "2196f3" }}>
                    公海池
                  </Link>
                </p>
              </Card>
            </Col>)}
            {showpage===2 && (<Col span={4} align="center">
              <Link href="/certificate" style={{ color: "black" }}>
                <img src="/static/images/xingzhuang3.png" alt="证书查询" title="证书查询"  loading="lazy"/>
              </Link>
              <Card title="证书查询" bordered={false} style={{ background: "#00000000", fontSize: "20px", color: "2196f3" }}>
                <p>
                  <Link href="/certificate" style={{ color: "2196f3" }}>
                  证书查询
                  </Link>
                </p>
              </Card>
            </Col>)}
            {showpage===3 && (<Col span={4} align="center">
              <Link href="/paymenttoolbarout" style={{ color: "black" }}>
                <img src="/static/images/xingzhuang3.png" alt="付款查询" title="付款查询"  loading="lazy"/>
              </Link>
              <Card title="付款查询" bordered={false} style={{ background: "#00000000", fontSize: "20px", color: "2196f3" }}>
                <p>
                  <Link href="/paymenttoolbarout" style={{ color: "2196f3" }}>
                  付款查询
                  </Link>
                </p>
              </Card>
            </Col>)}
            <Col span={12} align="center">
              <img src="/static/images/homeright.png" width="305" height="282" alt="主页"  loading="lazy"/>
            </Col>style={{ textAlign: "center" }}
          </Row> */}
          <div style={{ width: "100%" }} >
            <div style={{ width: "50%", float: "left",borderRight:"2px solid #369" }} >
              <p >
                <Link href="/certificate" >
                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  最新人才动态
                </Link>
              </p>
              <HomeTableList />
            </div>
            <div style={{ width: "50%", float: "right",borderLeft:"2px solid #369" }} >
              <p>
                <Link href="/customerneed" >
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  最新企业动态
                </Link>
              </p>
              <HomeTableList2 /></div>
          </div>
          {/* <div className="p-15">
            <HomeTableList />
          </div> */}

        </div>
      </div>
    </div>
  );
}

routes.register(
  "Home",
  routeWithUserSession({
    path: "/",
    title: "首页",
    render: pageProps => <Home {...pageProps} />,
  })
);
